<!DOCTYPE html>
<html lang="en">
  <head>
    <meta content="Baike" charset="utf-8" />
    <title>山大百科</title>
	<link href="http://www.online.sdu.edu.cn/static/index/images/online.ico" rel="Shortcut Icon"/>
	<link href="http://www.online.sdu.edu.cn/static/index/images/online.ico" rel="Bookmark"/>
    <link rel="stylesheet" type="text/css" href="style/index.css" />
	<script type="text/javascript" src="js/utils.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
  </head>
  <body>
	<main>
		<nav>
		  <div id="navbar">
			<ul class="nav">
			  <li class="list">
				<a href="#hotsbj_wrap">热门词条</a>
			  </li>
			  <li class="list">
				<a href="#hotarticle_wrap">热门文章</a>
			  </li>
			  <li class="list">
				<a href="javascript:void(0)">山大人物</a>
			  </li>
			  <li class="list" id="l3">
				<a href="javascript:void(0)">课程简介</a>
				<div id="down3">
				  <div><a href="">专业限选课</a></div>
				  <div><a href="">专业必修课</a></div>
				  <div><a href="">选修课</a></div>
				</div>
			  </li>
			  <li class="list">
				<a href="javascript:void(0)">山大经验</a>
			  </li>
			</ul>
			<div class="help"><a href="javascript:void(0)">帮助</a></div>
			<div class="login_icon">
			  <a href="person.html">
				<img alt="" src="pic/person.png" />
			  </a>
			</div>
			<div class="login">
			  <a href="javascript:void(0)" id="login">登录/注册</a>
			</div>
		  </div>
		</nav>
		<article>
		  <div id="main">
			  <div class="sdbk">山大百科</div>
			  <input type="text" name="keyword" id="edit_search" placeholder="请输入搜索内容……" /> 
			  <button id="bt_search">
				<img alt="" src="pic/bt_search.png" />
			  </button>
		  </div>
		  <div class="hotsbj_wrap" id="hotsbj_wrap" >
			<div class="hotsbj_banner">热门词条</div>
		    <div id="hotsbj" class="hotsbj">
				<a href="javascript:void(0)">中国文学</a>
				<a href="javascript:void(0)">知新楼</a>
				<a href="javascript:void(0)">软件园食堂</a>
				<a href="javascript:void(0)">山大校友</a>
				<a href="javascript:void(0)">洪家楼教堂</a>
				<a href="javascript:void(0)">王者荣耀</a>
		    </div>
		  </div>
		  <div class="hotarticle_wrap" id="hotarticle_wrap">
		  <div class="hotarticle_banner">热门文章</div>
		  <div id="hotarticle" class="hotarticle">
				<div class="article">
					<div class="article_title">
						震惊！山大某教授……
					</div>
					<div class="article_info">
						<span class="article_author">呵呵大</span>
						<span class="article_date">2017-5-31</span>
					</div>
					<div class="article_cont">
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					</div>
				</div>
				<div class="article">
					<div class="article_title">
						震惊！山大某教授……
					</div>
					<div class="article_info">
						<span class="article_author">呵呵大</span>
						<span class="article_date">2017-5-31</span>
					</div>
					<div class="article_cont">
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					</div>
				</div>
				<div class="article">
					<div class="article_title">
						震惊！山大某教授……
					</div>
					<div class="article_info">
						<span class="article_author">呵呵大</span>
						<span class="article_date">2017-5-31</span>
					</div>
					<div class="article_cont">
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					震惊！山大某教授……
					</div>
				</div>
		  </div>
		  </div>
		</article>
	</main>
    <div class="max" id="max">
      <div class="loginbox">
        <div class="login_title">登录山大百科账号</div>
		<div id="errormsg" class="errormsg"></div>
        <div class="user_inf">
        <input type="text" name="username" placeholder="账号" id="username"/> 
        <input type="password" name="userpass" placeholder="密码" id="password"/>
		</div>
        <div class="confirm">
        <input type="text" name="checkcode" maxlength="4" placeholder="验证码" id="checkcode"/> 
        <img alt="……" src="" id="confirmImg" /> 
        <a href="javascript:void(0);" id="changeconf">换一张</a></div>
        <div class="remember">
			<input type="checkbox" value="yes" />记住密码 
			<a href="getback.html">忘记密码？</a>
		</div>
        <input type="button" value="登录" class="button bt_login" id="bt_login"/>
		<input type="button" value="快速注册" class="button bt_register" id="bt_register"/>
      </div>
    </div>
  </body>
</html>
